/* Layout piadina */

html, body {
	margin: 0;
	padding: 0;
}

/* Pagina: centrata nello schermo, ne occupa l'80% verticalmente. */

#pagina {
	width: 80%;
	position: absolute;
	left: 10%;
}

#header {
	position: relative;
}


#logo {
	position: absolute;
	top: 0px;
	right: 1em;
	padding: 1px;
}


/* Menu navigazione */

#menubar {
	margin-top: 1em;
}


ul#navigazione {
	list-style-type: none;

	margin: 0;
	padding: 0;
}


ul#navigazione > li {
	display: table-cell;

	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
}



/* Menu Opzioni come da convenzioni */

ul#opzioni, ul#opzioni ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: pointer;
}

ul#opzioni > li {
	display: table-cell;
	position: relative;
	padding: 4px 1em;
}
ul#opzioni > li ul li {
	padding: 4px 1em;
}

ul#opzioni li > ul {
	/* Rende le sottoliste invisibili. */
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-top: 4px;
}

ul#opzioni li:hover > ul {
	/* Mostra le sottoliste quandi il mouse passa sopra alle voci
	 * principali del menu. */
	display: block;
}

ul#opzioni ul li a {
	/* Tutti i link mostrati come blocco, anche se in teoria non
	 * dovrebbero essercene. */
	display: block;
	padding: 2px 10px;
}

/* Menu Opzioni non convenzionale */

div#opzioni > * {
	margin: 0;
	padding: 0;
	padding-left: 1em;
	display: inline;
}


/* Roba dentro alla cornice */

#cornice {
	padding-left: 3em;
	padding-right: 3em;
	padding-bottom: 3em;
}

#response ul.icon-box {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 1em;
	text-align: center;
}

.icon-box li {
	margin-bottom: 1em;
}

#scheda p[title = 'edate'] {
	float: right;
}

#errore{
	background-repeat: no-repeat;
	background-position: right;
}

#info-pagina {
	padding-left: 3em;
	padding-right: 3em;
}
/*gestione dei div del post*/
.metadatiTop{
	top:0%;
	width:59%;
	height:30%
}
.metadatiOther{
	top:0%;
	width:40%;
	left:60%;
	height:30%;
}
.writingBody{
	width:100%;
	top:30%;
}
.topLeft{
	top:0%;
	left:80%;
	width:20%;
}
/*gestione dei div della query*/
div.mainparams{
	padding: 5px 5px 5px 5px;
	width:49%;
	height:34%;
	top:20%;
	left:0%;
}
div.workParams{
	padding: 5px 5px 5px 5px;
	width:49%;
	height:34%;
	top:55%;
	bottom:10%;
	left:0%;
}
div.altriParams{
	padding: 5px 5px 5px 5px;
	left:50%;
	height:34%;
	width:49%;
	top:20%;

}div.linkParams{
	padding: 5px 5px 5px 5px;
	left:50%;
	height:34%;
	top:55%;
	width:49%;
	bottom:10%;
}
div.banner{
	padding: 5px 5px 5px 5px;
	height:17%;
	width:48%;
}
div.queryHelper{
	padding: 5px 5px 5px 5px;
	left:50%;
	height:7%;
	width:49%;
}
div.salva{
	padding: 5px 5px 5px 5px;
	height:8%;
	bottom:0%;
	width:98%;
	text-align:center;
}
*.hidden{
	display:none;
}
